<!doctype html>
<html lang="zh-CN">
<!-- Head -->
<head>
<title>{if $SEO['title']}{echo $SEO['title']} - {/if}{echo C('sitename')}{if C('sitebanner')} - {echo C('sitebanner')}{/if}</title>
<meta name="keywords" content="{if $SEO['keywords']}{echo $SEO['keywords']}{/if}" />
<meta name="description" content="{if $SEO['description']}{echo $SEO['description']}{/if}" />
<meta http-equiv="Content-Type" content="text/html; charset={echo C('S_CHARSET')}" />
<meta name="author" content="FoxPHP" />
<meta name="copyright" content="2006-2016 FoxPHP.Com" />
<link rel="shortcut icon" href="/assets/img/favicon.png" type="image/x-icon">
{if !empty($task['robots'])}
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
{/if}
{template Public:Page:css}
{template Public:Page:js}

<link href="{echo AURL}/css/install.css" rel="stylesheet" />

</head>
<!-- /Head -->
<!-- Body -->
<body>
    <!-- Loading Container -->
    <div class="loading-container">
        <div class="loading-progress">
            <div class="rotator">
                <div class="rotator">
                    <div class="rotator colored">
                        <div class="rotator">
                            <div class="rotator colored">
                                <div class="rotator colored"></div>
                                <div class="rotator"></div>
                            </div>
                            <div class="rotator colored"></div>
                        </div>
                        <div class="rotator"></div>
                    </div>
                    <div class="rotator"></div>
                </div>
                <div class="rotator"></div>
            </div>
            <div class="rotator"></div>
        </div>
    </div>
    <!--  /Loading Container -->

	<div class="container-fluid header">
     
     <div class="container">
     
 	<div class="row">
 
     <div class="header_ad">
     </div>
     </div>
     
     <div class="row padding_pt_20">
     <div class="col-lg-2">
     <div class="row">
     <div class="header_logo"><a href="/" title="{echo C('sitename')}"></a></div>
     </div>
     </div>
     
     <div class="col-lg-2">
     <div class="slogan">
     安装系统
     </div>
     </div>

     
     </div>
     </div>
     </div>


<div class="container">
  <div class="row" style="padding-top:20px;">

   	<div style="background:#FFF" class="well">
        
        <div class="row">
              <div class="col-lg-12 col-sm-12 col-xs-12">
                <div class="wizard wizard-wired">
                  <ul class="steps">
                    <li data-target="#wiredstep1" class="complete"><span class="step">1</span><span class="title">接受FoxPHP协议</span> <span class="chevron"></span></li>
                    <li data-target="#wiredstep2" class="complete"><span class="step">2</span><span class="title">检测安装环境</span> <span class="chevron"></span></li>
                    <li data-target="#wiredstep3" class="complete"><span class="step">3</span><span class="title">安装配置</span> <span class="chevron"></span></li>
                    <li data-target="#wiredstep4" class="active"><span class="step">4</span><span class="title">安装中</li>
                    <li data-target="#wiredstep5"><span class="step">5</span><span class="title">安装完成</span> <span class="chevron"></span></li>
                  </ul>
                </div>
              </div>
        </div>
    
            <br>
        <div class="row"> 
        <div class="col-lg-10 col-lg-offset-1"> 
        
        <div id="HomeCarousel" class="carousel slide homecarousel" style="margin-bottom:0px;">
          <ol class="carousel-indicators">
        
            <li data-target="#HomeCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#HomeCarousel" data-slide-to="1"></li>
            <li data-target="#HomeCarousel" data-slide-to="2"></li>
            <li data-target="#HomeCarousel" data-slide-to="3"></li>
            <li data-target="#HomeCarousel" data-slide-to="4"></li>
            <li data-target="#HomeCarousel" data-slide-to="5"></li>
        
          </ol>
          <div class="carousel-inner">
        
            <div class="active item" style="text-align:center"><img src="/assets/img/ad/foxphp_ad1.png" alt="功能介绍" /></div>
            
            <div class="item" style="text-align:center"><img src="/assets/img/ad/foxphp_ad2.png" alt="功能介绍" /></div>
            
            <div class="item" style="text-align:center"><img src="/assets/img/ad/foxphp_ad3.png" alt="功能介绍" /></div>
            
            <div class="item" style="text-align:center"><img src="/assets/img/ad/foxphp_ad4.png" alt="功能介绍" /></div>
            
            <div class="item" style="text-align:center"><img src="/assets/img/ad/foxphp_ad5.png" alt="功能介绍" /></div>
            
            <div class="item" style="text-align:center"><img src="/assets/img/ad/foxphp_ad6.png" alt="功能介绍" /></div>
            
            
          </div>
        </div>
		<div class="FOXPHP_UPDATE">
            <div class="progress progress-striped active">
                <div style="width: 10%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-info">
                    <span class="sr-only"></span>
                </div>
            </div>
		</div>
         </div>
         </div>  
  		<br>


</div>


<script>	
		
$(function(){
	$('.carousel').carousel();	
	$.get('/install/execute/step/id/1', function(json) {
		
		if(json.status=='error'){
			bootbox.hideAll();
			bootbox.alert({ 
				size: 'small',
				title: json.title,
				message: json.message
			 })
		}else if(json.id==2){
			$(".progress-bar").css("width","50%");
			$.get('/install/execute/step/id/2', function(json) {
				
				if(json.status=='error'){
					bootbox.hideAll();
					bootbox.alert({ 
						size: 'small',
						title: json.title,
						message: json.message
					 })
				}else if(json.id==3){
					$(".progress-bar").css("width","80%");
					$.get('/install/execute/step/id/3', function(json) {
						
						$(".progress-bar").css("width","100%");
						
						 window.location.href='/install/complete';
						 
					}, 'json');
				}

			}, 'json');
		}
		
		 return true;
		
	  }, 'json');
								 				
});	   

</script>


</div>
</div>



<div class="container-fluid footer">
  <div class="container">

    <div class="row text-center">                  
     <div class="breadcrumb">
     <li><a href="http://www.foxphp.com">FoxPHP官方网</a></li> 
     <li><a href="http://www.foxphp.com/product">FoxPHP介绍</a></li>
     <li><a href="http://www.foxphp.com/buy">购买FoxPHP授权</a></li>
     <li><a href="http://demo.foxphp.com">FoxPHP威客系统演示</a></li>
     <li><a href="http://www.foxphp.com/contact">联系方式</a></li>
     </div>
 	<p class="text-center">Copyright © 2006-{echo FormatDate("Y",NowTime())} FoxPHP.Com 版权所有 {if C('siteicp')}<a href="http://www.miibeian.gov.cn" target="_blank">{echo C('siteicp')}</a>{/if}  {if C('sitecount')}{echo C('sitecount')}{/if}</p>
           
    </div>
    </div>
</div>  


<script src="/assets/js/socket.io/socket.io.js"></script>
<script src="/assets/js/footer.js"></script>
</body><!--  /Body -->
</html>